<?php
/* @var $this ArticlesController */

$this->breadcrumbs=array(
	'Tecdoc'=>array('/index'),
	'Tecdoc',
);
?>
<div class="container">
        <div class="row-fluid">
        	<h1>Онлайн каталог запчастей</h1><!--for SEO-->
        	<div class="span1">
        		<img class="img-font"  alt="Онлайн каталог запчастей" title="Онлайн каталог запчастей" src="<?php echo Yii::app()->request->baseUrl; ?>/img/catalog/catalog.jpg" data-id="8022"></img>
        	</div>
        	<div class="span10">
        		<p>
        		Наш <b>онлайн каталог</b> поможет Вам легко самостоятельно подобрать <b>запчасти</b> на Ваш автомобиль.
        		</p><!--for SEO-->
        		<div class="alert alert-info">
        			<b>Выберите автомобиль:</b>
        			<form>
        				<select>
						  <option>Марка</option>
						  <option>TOYOTA</option>
						  <option>MITSUBISHI</option>
						  <option>MAZDA</option>
						  <option>NISSAN</option>
						</select>
						<select>
						  <option>Модель</option>
						  <option>CAMRY</option>
						  <option>LC 200</option>
						  <option>LC 120 PRADO</option>
						  <option>COROLLA</option>
						</select>
						<select>
						  <option>Год</option>
						  <option>2012</option>
						  <option>2011</option>
						  <option>2010</option>
						  <option>2009</option>
						</select>
						<select>
						  <option>Двигатель</option>
						  <option>1,6</option>
						  <option>2,0</option>
						  <option>2,5</option>
						  <option>3,2</option>
						</select>
        			</form>
        		</div>
        	</div>
        </div>
        <div class="row-fluid">
				<div class="tabbable tabs-left"> 
				  <ul class="nav nav-tabs">
				    <li class="active"><a href="#tab1" data-toggle="tab" title="Тормозная система"><h6>Тормозная система</h6></a></li>
				    <li><a href="#tab2" data-toggle="tab" title="Рулевое управление"><h6>Рулевое управление</h6></a></li>
				    <li><a href="#tab3" data-toggle="tab" title="Двигатель"><h6>Двигатель</h6></a></li>
				    <li><a href="#tab4" data-toggle="tab" title="Система охлаждения"><h6>Система охлаждения</h6></a></li>
				    <li><a href="#tab5" data-toggle="tab" title="Электрика"><h6>Электрика</h6></a></li>
				    <li><a href="#tab6" data-toggle="tab" title="Подвеска"><h6>Подвеска</h6></a></li>
				    <li><a href="#tab7" data-toggle="tab" title="Выхлопланя система"><h6>Выхлопланя система</h6></a></li>
				    <li><a href="#tab8" data-toggle="tab" title="Система сцепления"><h6>Система сцепления</h6></a></li>
				  </ul>
				  <div class="tab-content">
				    <div class="tab-pane active" id="tab1">
				    	<h4>Тормозная система</h4>
				      	<div class="accordion" id="accordion2">
						  <div class="accordion-group">
						    <div class="accordion-heading">
						      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse1">
						        Барабанный тормозной механизм
						      </a>
						    </div>
						    <div id="collapse1" class="accordion-body collapse">
						      <div class="accordion-inner">
						        <ul class="nav nav-tabs nav-stacked">
									<li><a href="#">Колесный тормозный цилиндр</a></li>
									<li><a href="#">Комплектующие / составляющие</a></li>
									<li><a href="#">Тормозная колодка / накладка</a></li>
									<li><a href="#">Тормозной барабан</a></li>
								</ul>
						      </div>
						    </div>
						  </div>
						  <div class="accordion-group">
						    <div class="accordion-heading">
						      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse2">
						        Дисковый тормозной механизм
						      </a>
						    </div>
						    <div id="collapse2" class="accordion-body collapse">
						      <div class="accordion-inner">
						        <ul class="nav nav-tabs nav-stacked">
									<li><a href="#">Комплектующие / составляющие</a></li>
									<li><a href="#">Тормозной диск</a></li>
									<li><a href="#">Тормозные колодки</a></li>
								</ul>
						      </div>
						    </div>
						  </div>
						  <div class="accordion-group">
						    <div class="accordion-heading">
						      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#collapse3">
						        Суппорт диского колесного тормозного механизма
						      </a>
						    </div>
						    <div id="collapse3" class="accordion-body collapse">
						      <div class="accordion-inner">
						        <ul class="nav nav-tabs nav-stacked">
									<li><a href="#">Комплектующие</a></li>
									<li><a href="#">Суппорт диского колесного тормозного механизма / держатель</a></li>
								</ul>
						      </div>
						    </div>
						  </div>
						</div>
						<ul class="nav nav-tabs nav-stacked">
							<li><a href="#">Выключатель фонаря сигнала торможения</a></li>
							<li><a href="#">главный тормозной цилиндр</a></li>
							<li><a href="#">Колесный тормозный цилиндр</a></li>
							<li><a href="#">Регулировка динамики движения</a></li>
							<li><a href="#">Рычаги / Тросы / Тяги</a></li>
							<li><a href="#">тормозные трубопроводы</a></li>
							<li><a href="#">тормозные шланги</a></li>
						</ul>
				    </div>
				    <div class="tab-pane" id="tab2">
				    	<h4>Рулевое управление</h4>
				      <p></p>
				    </div>
				    <div class="tab-pane" id="tab3">
				    	<h4>Двигатель</h4>
				      <p></p>
				    </div>
				    <div class="tab-pane" id="tab4">
				    	<h4>Система охлаждения</h4>
				      <p></p>
				    </div>
				    <div class="tab-pane" id="tab5">
				    	<h4>Электрика</h4>
				      <p></p>
				    </div>
				    <div class="tab-pane" id="tab6">
				      <h4>Подвеска</h4>
				    </div>
				    <div class="tab-pane" id="tab7">
				      <h4>Выхлопная система</h4>
				    </div>
				    <div class="tab-pane" id="tab8">
				      <h4>Система сцепления</h4>
				    </div>
				  </div>
				</div>
		</div>
</div>